<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<style type="text/css">
    /* common styles */
    .float_from_left
    {
        position: relative;
        border: 1px solid red;
        overflow: hidden;
    }
    .float_from_left .first-child
    {
        position: absolute;
        right: 0;
        width: 100%;
    }
    .float_from_left .reducer
    {
        position: relative;
        width: 100%;
        left: 0;
    }
    .float_from_left .float
    {
        position: absolute;
        margin-right: 100%;
    }
    /* custom styles */
    #als_logo .first-child { min-width: 400px; }
    #als_logo .reducer {  margin-right: 400px; }
    #als_logo .float {           width: 400px;
        background: url('/;-)/als_logo.gif') black 100% 50% no-repeat;
    }
    #als_logo,
    #als_logo .first-child,
    #als_logo .first-child .reducer,
    #als_logo .float
    { height: 100px; }
</style>
</head>
<body>
<div class="float_from_left" id="als_logo">
    <div class="first-child">
        <div class="reducer">
            <div class="float"></div>
        </div>
    </div>
</div></body>
</html>